<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/Public/Home/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/Home/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/Home/static/swiper/swiper.min.css" />
    <script src="/Public/Home/static/swiper/swiper.min.js"></script>
    <script src="/Public/Home/static/jquery.2.1.1.min.js"></script>
    <script src="/Public/Home/js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="__CSS__/about.css"/>
    <style>
        .menu{padding-left: 10px;margin-bottom: 40px;}
        .menu li{list-style: none;float: left;margin-left: 45px;margin-right: 60px;background-color:#E14C4B ;padding: 3px 5px 3px 5px; border-radius: 10px;margin-bottom: 20px;}
        .menu li a{color: white;}
        .son-on{background-color:#ae3034;text-decoration:underline;color:#ccc !important;}
    </style>

</head>
<body>
<div class="page_content">

    <div class="pictures">
        <ul>
            <volist name="img_list['list']" id="val">
                <li>
                    <a href="{:U('detail',array('id'=>$val['id']))}#body"><img src="{$val.cover_id|get_cover='path'}"/></a>
                    <a class="pictures_title" href="{:U('detail',array('id'=>$val['id']))}#body">{$val.title}</a>
                </li>
            </volist>
            <div style="clear: both;"></div>
        </ul>
        <div class="page" style="text-align: right;padding-right: 60px;">
            {$img_list.page}
        </div>
    </div>
</div>
<script>
    baguetteBox.run('.baguetteBoxOne', {

        animation: 'fadeIn',

    });
</script>
</body>
</html>